
/*顶部栏样式====================================================*/
#topbar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    color: #000000;
    height: 35px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

#topbar .content{
    color: #232323;
    margin: 0;
    display: flex;
    padding: 0 6px;
    padding-right: 12px;
}
#topbar .content .top-bar-right{
    margin-left: auto;
    margin-right: 15px;
}
#topbar .content li {
    color: #232323;
    height: 35px;
    line-height: 35px;
    padding: 0 4px;
    list-style: none;
}
#topbar .content li .telphone {
    margin-left: 4px;
}
#topbar .content li .topbar-icon{
    height: 65%;
}
#topbar a { color: #6c6c6c;
    display: flex;
    align-items: center;
    height: 100%;
}

#topbar  .layui-nav{
    display: none;
    float: right;
    background-color:transparent;
    padding-right: 5px;
}
#topbar  .layui-nav li{line-height: 25px;}
#topbar  .layui-nav li a{padding-right: 5px;text-align: right;}



/*顶部栏  功能按钮 样式*/
#topbar .function {padding:0; margin:0; list-style-position:inside; overflow:hidden; list-style-type: none;}
#topbar .function li {padding:5px 10px; float:right; margin:0; height:20px; line-height:20px; }
#topbar .function li:hover {background-color:#222 }

#topbar .function li a {padding: 0 8px 0 22px;margin:0;color: #000;height:20px;display:block;vertical-align:top;text-align:left;background:url(../../images/sprite.png) no-repeat;border: solid 1px #cccccc;border-radius: 5px;background-color: #232323;color: #ffffff;}

#topbar .function li:hover a {color:#09F; text-decoration:none }
#topbar .function .contact a {background-position:0 0; }
#topbar .function .favorite a {background-position:0 -100px; }
#topbar .function .sethomepage a {background-position:0 -150px; }
#topbar .function .homepage a {background-position:0 -50px; }
#topbar .function .contact:hover a {background-position:-100px 0; }
#topbar .function .favorite:hover a {background-position:-100px -100px; }
#topbar .function .sethomepage:hover a {background-position:-100px -150px; }
#topbar .function .homepage:hover a {background-position:-100px -50px; }

/*顶部栏 语言选择 样式*/
.language {padding:0; margin:0; list-style:none inside; overflow:hidden; float:left }
.language li {padding:5px 8px; float:left; margin:0 5px 0 0; height:20px; line-height:20px; }
.language li:hover {background-color:#222 }
.language li a {padding: 0 7px 0 33px;margin:0;color: #000;height:20px;display:block;vertical-align:top;text-align:left;background-image: url(../../images/sprite.png);background-repeat:no-repeat;border: solid 1px #cccccc;border-radius: 5px;background-color: #232323;color: #ffffff;/* background-position: 5px 5px; */}
.language li:hover a {color:#09F; text-decoration:none }
.language .cn a {background-position: 4px -250px;}
.language .en a {background-position: 4px -299px;}
.language .cn:hover a {background-position:-100px -250px; }
.language .en:hover a {background-position:-100px -300px; }





#topbar .search-box               {margin:0 auto;/* border:#FFF 1px solid; */width: max-content;overflow:hidden;/* float: left; */height: 100%;}
#topbar .search-box #search_form  {
    /* overflow: hidden; */
    /* display: inline-block; */
    /* vertical-align: middle; */
    padding-top: 4px;
}
#topbar .search-box .content      {float:left;border:none;height: 27px;width: 250px;background-color: #ffffff;}
#topbar .search-box .content:focus{outline:none}
#topbar .search-box .function     {width:60px; display:block; float:left; height:27px; background-color:#cccccc}



